@charset "utf-8";

html, body {
	background-color: #fdffc0;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke-width: 0.2px;
}
.page-apply-header {
	margin-bottom: 0.4rem;
	height: 1.066667rem;
	line-height: 1.066667rem;
	text-align: center;
	font-size: 0.453333rem;
	color: $white;
	background-color: #ff8d32;
}
.page-apply-user-panel {
	position: relative;
	width: 9.373333rem;
	margin-bottom: 0.533333rem;
	background-color: $white;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0.133333rem;
	&:before {
		content: " ";
		position: absolute;
		width: 1px;
		height: 100%;
		background-color: #f0cece;
		left: 0.266667rem;
		top: 0;
	}
	&:after {
		content: " ";
		position: absolute;
		width: 1px;
		height: 100%;
		background-color: #f0cece;
		left: 0.4rem;
		top: 0;
	}
	.panel-tip {
		position: absolute;
		top: 0.266667rem;
		left: -0.133333rem;
		padding-left: 0.773333rem;
		padding-right: 0.4rem;
		font-size: 0.4rem;
		color: #666;
		line-height: 0.8rem;
		z-index: 10;
		border-top-right-radius: 0.4rem;
		border-bottom-right-radius: 0.4rem;
		&:before {
			content: " ";
			position: absolute;
			width: 0.186667rem;
			height: 0.186667rem;
			background-color: $white;
			left: 0.4rem;
			top: 0.3rem;
			z-index: 5;
			border-radius: 100%;
		}
		&:after {
			content: " ";
			position: absolute;
			overflow: hidden;
			width: 0;
		    height: 0;
		    border-top: 0.133333rem solid #0ea47b;
		    border-left: 0.133333rem solid transparent;
		    left: 0;
		    top: 0.8rem;
		    z-index: 5
		}
		&__gray {
			background-color: #a7f0dc;
		}
		&__green {
			background-color: #bff0a7;
		}
	}
}
.mod-apply-user {
	padding-left: 0.8rem;
	padding-top: 1.2rem;
	padding-bottom: 0.366667rem;
	font-size: 0;
	.user-item {
		display: inline-block;
		padding-right: 0.4rem;
		padding-top: 0.1rem;
		font-size: 0.4rem;
		color: #666;
		border-bottom: 1px dashed #eaddd2;
		vertical-align: middle;
	}
}
.page-apply-form-panel {
	width: 9.373333rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.4rem;
	padding: 0.4rem 0.4rem 0.8rem 0.4rem;
	border-radius: 0.133333rem;
	background-color: $white;
	box-shadow: 0 0 0.106667rem rgba(104, 52, 11, .3);
}
.page-apply-form-indivi {
	height:100%;
	border-radius: 10px 10px 0 0;
}
.form-group {
	.form-label {
		width: 2.133333rem;
		font-size: 0.4rem;
		color: #666;
	}
	.form-label-enrol {
		width:2.45rem;
	}
	.form-controller {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.form-input {
		flex: 1;
		input {
			display: block;
			width: 100%;
			height: 1.066667rem;
			padding: 0 0.266667rem;
			background-color: $white;
			border: 1px solid #e7e7e7;
			outline: none;
			color: #333;
			font-size: 0.373333rem;
			border-radius: 0.133333rem;
			transition: all linear .15s;
			/*&:focus {
				border-color: #ff8d32;
			}*/
		}
	}
	.form-error {
		flex: 1;
		height: 0.666667rem;
		line-height: 0.666667rem;
		font-size: 0.32rem;
		color: #e60000;
	}
	.from-submit {
		margin-top: 0.8rem;
		.link-submit {
			display: block;
			width: 100%;
			height: 1.2rem;
			line-height: 1.2rem;
			font-size: 0.453333rem;
			background-color: #ff8d32;
			color: $white;
			text-align: center;
			border-radius: 0.133333rem;
		}
	}
}
.cover {
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.8);
    z-index:998;
}
.cover {
	display:none;
	.enrol-success {
		width: 8.6125rem;
	    height: 7.5rem;
	    background: rgb(255, 255, 255);
	    border-radius: 10px;
	    margin:0 auto;
	    margin-top:4rem;
		.success-title {
			position:relative;
			height: 3.2rem;
			/*background-color: rgb( 255, 141, 50 );
			border-bottom-right-radius: 50%;
			border-bottom-left-radius:50%;*/
			background : url(../../images/enrol-title.png) no-repeat;
			background-size:cover;
			border-radius: 10px;
			.title-icon {
				position:absolute;
				top:0.5rem;
				right:0.5rem;
				width:0.5rem;
				height:0.5rem;
				background : url(../../images/close.png) no-repeat;
				background-size:cover;
			}
			.title-content {
				color: rgb( 255, 255, 255 );
				font-size:0.55rem;
				text-align:center;
				line-height:1;
				padding-top:1.6rem;
			}
		}
		.success-indivi {
		 	margin-top:0.4rem;
			line-height:2;
			text-align:center;
			font-size:0.5rem;
			color: rgb( 102, 102, 102 );
		}
		.success-bottom {
			color: rgb( 255, 255, 255 );
			width:3rem;
			height:1rem;
			line-height:1rem;
			border-radius: 10px;
	  		background-color: rgb( 255, 141, 50 );
	  		text-align:center;
	  		margin:auto;
	  		margin-top:0.4rem;
	  		font-size:0.5rem;
		}
	}
}
